<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/swiper-3.4.2.min.css">
</head>
<body>
    <header>
        <img src="img/share-button.png" alt="">
        <span>北京</span>
        <img src="img/效果图_03.jpg" alt="">
        <section class="seach">
            <img src="img/效果图2_03.jpg" alt="">
            <input type="text" placeholder="日本">
        </section>
        <img src="img/效果图3_03.jpg" alt="">
        <span>导航</span>
        <img src="img/效果图_03.jpg" alt="">
    </header>
    <main id="box">
        <section class="content">
            <section class="banner">
                <section class="swiper-container" id="banner">
                    <section class="swiper-wrapper">
                        <!-- <section class="swiper-slide">
                            <img src="img/Cii-VVmWtnCIO_QzAAI2XI8yy6oAAAIYQAR5H4AAjZ097_w640_h0_c0_t0_.jpg" alt="">
                        </section>
                        <section class="swiper-slide">
                            <img src="img/ab1.jpg" alt="">
                        </section>
                        <section class="swiper-slide">
                            <img src="img/ab2.jpg" alt="">
                        </section>
                        <section class="swiper-slide">
                            <img src="img/ab3.jpg" alt="">
                        </section> -->
                    </section>
                </section>
            </section>
            <section class="nav">
                <ul>
                    <!-- <li>
                        <img src="img//01.gif" alt="">
                    </li>
                    <li>
                        <img src="img//02.png" alt="">
                    </li>
                    <li>
                        <img src="img//03.png" alt="">
                    </li>
                    <li>
                        <img src="img//04.png" alt="">
                    </li>
                    <li>
                        <img src="img//05.png" alt="">
                    </li>
                    <li>
                        <img src="img//06.png" alt="">
                    </li>
                    <li>
                        <img src="img//07.png" alt="">
                    </li>
                    <li>
                        <img src="img//08.png" alt="">
                    </li> -->
                </ul>
            </section>
            <section class="list">
                <ul>
                    <!-- <li>
                        <img src="img/cc03.png" alt="">
                        <p>全球WiFi</p>
                    </li>
                    <li>
                        <img src="img/cc05.png" alt="">
                        <p>值得玩</p>
                    </li>
                    <li>
                        <img src="img/cc01.png" alt="">
                        <p>婚纱旅拍</p>
                    </li>
                    <li>
                        <img src="img/cc07.png" alt="">
                        <p>首付出发</p>
                    </li>
                    <li>
                        <img src="img/cc08.png" alt="">
                        <p>目的地大全</p>
                    </li>
                    <li>
                        <img src="img/cc09.png" alt="">
                        <p>蜜月游</p>
                    </li>
                    <li>
                        <img src="img/cc-02.png" alt="">
                        <p>海盗风情</p>
                    </li>
                    <li>
                        <img src="img/cc10.png" alt="">
                        <p>一日游</p>
                    </li>
                    <li>
                        <img src="img/cc04.png" alt="">
                        <p>旅游百货</p>
                    </li>
                    <li>
                        <img src="img/cc06.png" alt="">
                        <p>更多</p>
                    </li> -->
                </ul>
            </section>
            <section class="wrap">
                <section class="message">
                    <section class="top">
                        <img src="img/Cii-TFhbOmaIZwpuAAAKynKTr0AAAF3EgP_9RgAAAro643_w60_h60_c1_t0.png" alt="">
                        <span>海上过中秋,精彩"邮"你 !</span>
                        <img src="img/Cii-TFi45G6IH_yNAAAGxwinEosAAH5FQP_-SAAAAbg935.png" alt="">
                    </section>
                    <section class="bottom">
                        <img src="img/效果图4_03.jpg" alt="">
                        <img src="img/效果图4_05.jpg" alt="">
                        <img src="img/效果图4_07.jpg" alt="">
                    </section>
                </section>
            </section>
            <section class="brand">
                <section class="cow">
                    <img src="img/效果图5_03.jpg" alt="">
                </section>
                <section class="list2">
                    <ul>
                        <li><img src="img/Cii9EFiF1M-If6FgAABbeRTPaQ4AAHIjgLzq1YAAFuR03_w350_h0_c0_t0.jpg" alt=""></li>
                        <li><img src="img/Cii-U1iF1NeISmCRAABnDPdYaigAAHIjgMSceAAAGck82_w350_h0_c0_t0.jpg" alt=""></li>
                        <li><img src="img/Cii-U1iF1OCIVG1VAACCnoKjkPIAAHIjgNqRboAAIK209_w350_h0_c0_t0.jpg" alt=""></li>
                        <li><img src="img/Cii9EFiIauiIYQAEAABp3149opIAAHKdgKeEMwAAGn368_w350_h0_c0_t0.jpg" alt=""></li>
                    </ul>
                </section>
            </section>
        </section>
    </main>
    <footer>

    </footer>
</body>
<script src="js/iscroll-probe.js"></script>
<script src="js/jquery-3.4.1.js"></script>
<script src="js/swiper-3.4.2.min.js"></script>
<script src="js/zepto-1.1.6.min.js"></script>
<script src="js/index.js"></script>
</html>